<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>小说网站入口</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/admin-register.css"></link>
    <style type="text/css">
        /*body{*/
        /*    background-image: url(/image/01.jpg);*/
        /*}*/
    </style>
</head>
<body>

<div>
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">读者</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">作者</a></li>
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">管理员</a></li>
        <%--      <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>--%>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="reader">
            <div id="out">
                <form>
                    <div class="form-group">
                        <label for="exampleInputEmail1">Username</label>
                        <input type="email" class="form-control" id="username" placeholder="Username">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="password" placeholder="Password">
                    </div>

                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>

        </div>
        <div role="tabpanel" class="tab-pane" id="author">

        </div>
        <div role="tabpanel" class="tab-pane" id="root">

        </div>
        <%--      <div role="tabpanel" class="tab-pane" id="settings">4</div>--%>
    </div>

</div>
</body>
</html>